<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>旦行</title>
    <link rel="stylesheet" href="css/stylesheng.css">
    <link rel="stylesheet" href="./css/sizi.css">
    <script src="js/jquery.min.js"></script>
    <script src="js/parallaxsheng.js"></script>
    <script src="js/lazydan.js"></script>
</head>

<body>
    <div class="head_son">
        <div class="left">
            <div class="logo"></div>
            <div class="text">京剧四讲堂</div>
        </div>
        <div class="right">
            <ul>
                <li><a href="./京剧行当.html">返回上一级</a></li>
                <li><a href="./01_生.html">生</a></li>
                <li><a href="./02_旦.html">旦</a></li>
                <li><a href="./03_净.html">净</a></li>
                <li><a href="./04_丑.html">丑</a></li>
            </ul>
        </div>
    </div>
    <div id="wrapper">
        <!-- 导航部分 -->
        <nav id="primary">
            <ul>
                <li>
                    <a href="#" class="jump_to n0" rel="0">章节</a>
                    <h2>主页</h2>
                </li>
                <li>
                    <a href="#" class="jump_to n1" rel="1">章节</a>
                    <h2>旦行</h2>
                </li>
                <li>
                    <a href="#" class="jump_to n2" rel="2">章节</a>
                    <h2>旦行的分类</h2>
                </li>
                <li>
                    <a href="#" class="jump_to n3" rel="3">章节</a>
                    <h2>代表人物-梅兰芳</h2>
                </li>
                <li>
                    <a href="#" class="jump_to n4" rel="4">章节</a>
                    <h2>代表人物-尚小云</h2>
                </li>
            </ul>
        </nav>
        <!-- 内容 -->
        <article id="article0">
            <div class="head">
                <div class="body"></div>
                <footer class="next_prev">
                    <a class="jump_to next" href="#" rel="1"></a>
                </footer>
            </div>
        </article>
        <div id="content">

            <article id="article1">
                <section class="section">
                    <h2>旦行</h2>
                    <p>
                        旦行：简称“旦”。分青衣、花旦、武旦、老旦、贴旦、闺旦等角色。
                        旦角全为女性。扮演人物按年龄、身份、性格及其表演特点,有比
                        较详细的分工,有正旦(青衣)、花旦、刀马旦、武旦、老旦、彩旦
                        等。
                    </p>
                </section>
                <footer class="next_prev">
                    <i class="spacing_line"></i>
                    <a class="jump_to next" href="#" rel="2"></a>
                </footer>
            </article>

            <article id="article2">
                <section class="section">
                    <h2>旦行的分类</h2>
                    <p>
                        青衣：以唱为主,多是扮演代表正面形象的年轻女子,如《武家坡》中的王宝钏、《贵妃醉酒》
                        中的杨贵妃、《铡美案》中的秦香莲、《二进宫》中的李艳妃等。
                    </p>

                    <p>
                        花旦：多表演性格活泼的女子,也有一部分悲剧和反面人物。如《红娘》的红娘,《打樱桃》的平
                        心,《翠屏山》的潘巧云,《武松杀嫂》的藩金莲等。
                    </p>
                    <p>
                        花衫：介于青衣和花旦之间,梳古装头（如古代仕女画中的头型）穿花盆底鞋。青衣偏重唱,花旦
                        偏重做,刀马旦偏重武,但是单纯的唱、做、武,在反映生活的时候,总是比较单调,表现生活的
                        内容比较狭窄,受到限制。随着时代的前进和社会的发展,社会生活愈益丰富,人物的性格和行动,
                        也日益复杂,在舞台上表现的形式也就要求多种多样,对演员的要求也希望他们多知多能。花衫的
                        行当就这样应运而生。
                    </p>
                    <p>
                        武旦、刀马旦：为演武功见长的女性。多穿紧身衣服,表演上重翻打。如《武松打店》中的孙二娘,
                        《白蛇传》中的青蛇等。
                    </p>
                    <p>
                        老旦：用本噪子演唱,多为中老年妇女。如《红灯记》中的李奶奶,《吊金龟》中的康氏等。
                    </p>
                </section>
                <footer class="next_prev">
                    <a class="jump_to prev" rel="1"></a>
                    <i class="spacing_line"></i>
                    <a class="jump_to next" href="#" rel="3"></a>
                </footer>
            </article>

            <article id="article3">
                <section class="section">
                    <h2>代表人物-梅兰芳</h2>
                    <p>
                        梅兰芳,中国京剧演员,景星学社社员。梅兰芳8岁学戏,9岁拜吴菱仙为师学青衣,
                        11岁登台。后又求教于秦稚芬和胡二庚学花旦。1915年4月至1916年9月,新排演了
                        《宦海潮》《牢狱鸳鸯》《思凡》等出戏。梅兰芳在50余年的舞台生活中,发展和
                        提高了京剧旦角的演唱和表演艺术,形成一个具有独特风格的艺术流派,世称“梅派”。
                        其代表作有《贵妃醉酒》《天女散花》《宇宙锋》《打渔杀家》等,并先后培养、
                        教授学生100多人。
                    </p>
                </section>
                <footer class="next_prev">
                    <a class="jump_to prev" rel="2"></a>
                    <i class="spacing_line"></i>
                    <a class="jump_to next" href="#" rel="4"></a>
                </footer>
            </article>

            <article id="article4">
                <section class="section">
                    <h2>代表人物-尚小云</h2>
                    <p>
                        尚小云,中国现代京剧代表人物之一,尚派艺术的创始人,著名京剧演员、编剧。
                        1905年其父病故,他与三弟尚富霞同投李春福门下学戏。十岁入北京三乐科学班
                        出席武生、后改青衣,刀马旦。1912年春他在北京汾阳会馆和广德楼出台成为当
                        时青衣行年轻的佼佼者。1914年出科后,博得“童伶大王”的美誉。1916年尚小云
                        搭入俞振庭组织的春合社,开始在班里崭露头角。1927年秋,他组成了自己的协
                        庆社。1937年创办“荣春社”。尚小云扮相俊美,嗓音宽厚,高劲圆亮,中气充沛,
                        调门高亢,久唱不衰,有“铁嗓钢喉”之誉。他的代表剧目有《雷峰塔》《汉明妃》
                        《詹淑娟》等。
                    </p>
                </section>
                <footer class="next_prev">
                    <a class="jump_to prev" rel="3"></a>
                    <i class="spacing_line"></i>
                </footer>
            </article>
        </div>
        <!-- 人物 -->
        <div id="parallax_area1">
            <img class="parallax_img p1_1" src="img/dan.png" width="520" height="757">
            <img class="parallax_img p1_2" src="img/梅兰芳.png" width="400" height="500">
            <img class="parallax_img p1_3" src="img/尚小云.png" width="400" height="500">
        </div>
        <!-- 山1 -->
        <div id="parallax_area2">
            <img class="parallax_img p2_1" src="img/cloud1.png" width="488" height="138">
            <img class="parallax_img p2_2" src="img/cloud1.png" width="488" height="138">
            <img class="parallax_img p2_3" src="img/cloud1.png" width="488" height="138">
            <img class="parallax_img p2_4" src="img/cloud1.png" width="488" height="138">
            <img class="parallax_img p2_5" src="img/cloud1.png" width="488" height="138">
            <img class="parallax_img p2_6" src="img/cloud1.png" width="488" height="138">
            <img class="parallax_img p2_7" src="img/cloud1.png" width="488" height="138">
            <img class="parallax_img p2_8" src="img/cloud1.png" width="488" height="138">
            <img class="parallax_img p2_9" src="img/cloud1.png" width="488" height="138">
        </div>
        <!-- 山2 -->
        <div id="parallax_area3">
            <img class="parallax_img p3_1" src="img/cloud2.png" width="311" height="105">
            <img class="parallax_img p3_2" src="img/cloud2.png" width="311" height="105">
            <img class="parallax_img p3_3" src="img/cloud2.png" width="311" height="105">
            <img class="parallax_img p3_4" src="img/cloud2.png" width="311" height="105">
            <img class="parallax_img p3_5" src="img/cloud2.png" width="311" height="105">
            <img class="parallax_img p3_6" src="img/cloud2.png" width="311" height="105">
            <img class="parallax_img p3_7" src="img/cloud2.png" width="311" height="105">
            <img class="parallax_img p3_8" src="img/cloud2.png" width="311" height="105">
            <img class="parallax_img p3_9" src="img/cloud2.png" width="311" height="105">
        </div>

    </div>
</body>

</html>